<!DOCTYPE html>
<html>
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>



</head>
<body class="loading">

<div class="wrapper">
 		
    <div class="head" style="z-index:9999999 !important;">
    	<a href="personal.html" class="pgv" style="background:none;"><img src="images/fh5.png"></a>
        <div>个人资料</div>
        <a class="yup" href=""></a>
    </div>
   
   	<div class="whole" style=" padding-top:10px;">
   		<div class="zh_data">
            <div id="menu">
                <div class="menu_a">
                    <ul id="nav" style="width:100%;">
                        <li onclick="selectLi(this)"><a href="#">个人资料</a></li>
                        <li onclick="selectLi(this)"><a href="#">登录密码</a></li>
                        <li onclick="selectLi(this)"><a href="#">安全密码</a></li>
                    </ul>
                </div>
                <div id="menu_con">
                    <div class="tag" style="display:block">
                        <div class="pe_data">
                            <ul>
                                <li>
                                    <label>账号/手机：</label>
                                    <input type="text" value="130000000000"  readonly  unselectable="on" style="color:#000;">
                                </li>
                                <li>
                                    <label>昵称：</label>
                                    <input type="text" value="一切随缘">
                                </li>
                                <li>
                                    <label>真实姓名：</label>
                                    <input type="text" value="张三疯">
                                </li>
                                <li>
                                    <label>身份证号：</label>
                                    <input type="text" value="">
                                </li>
                                <li>
                                    <label>手机号码：</label>
                                    <input type="text" value="130000000000"  readonly  unselectable="on" style="color:#000;">
                                </li>
                                <li>
                                    <label>支付宝：</label>
                                    <input type="text" value="33333333">
                                </li>
                                <li>
                                    <label>微信号：</label>
                                    <input type="text" value="558-477HT">
                                </li>
                                <li>
                                    <label>开户银行：</label>
                                    <select>
                                        <option>建设银行</option>
                                        <option>农业银行</option>
                                        <option>工商银行</option>
                                    </select>
                                </li>
                                <li>
                                    <label>开户行：</label>
                                    <input type="text" value="南宁支行">
                                </li>
                                <li>
                                    <label>银行卡号：</label>
                                    <input type="text" value="652111111111111111111">
                                </li>
                                <li>
                                    <label>安全密码：</label>
                                    <input type="text" value="">
                                </li>
                            </ul>
                        </div>
                        <div class="objo">
                            <input type="button" value="修改资料" style="background:#f07757;">
                        </div>
                    </div> 
                    
                    <div class="tag" style="display: none">
                        <div class="pe_data">
                            <ul>
                                <li>
                                    <label>原密码：</label>
                                    <input type="text" value="请输入旧密码">
                                </li>
                                <li>
                                    <label>新密码：</label>
                                    <input type="text" value="请输入新密码">
                                </li>
                                <li>
                                    <label>设置新密码：</label>
                                    <input type="text" value="请设置新密码">
                                </li>
                                <li>
                                    <label>安全密码：</label>
                                    <input type="text" value="请输入安全密码">
                                </li>
                            </ul>
                        </div>
                        <div class="objo">
                            <input type="button" value="修改登录密码" style="background:#f07757;">
                        </div>
                    </div> 
                    
                    <div class="tag" style="display: none">
                        <div class="pe_data">
                            <ul>
                                <li>
                                    <label>原安全密码：</label>
                                    <input type="text" value="请输入旧安全密码">
                                </li>
                                <li>
                                    <label>新安全密码：</label>
                                    <input type="text" value="请输入新安全密码">
                                </li>
                                <li>
                                    <label>确认新密码：</label>
                                    <input type="text" value="请确认新安全密码">
                                </li>
                            </ul>
                        </div>
                        <div class="objo">
                            <input type="button" value="修改安全密码" style="background:#f07757;">
                        </div>
                    </div>    
       			</div>
			<script type="text/javascript">
				function selectLi(obj){
				  var idx = $(obj).index();
				  $(".tag").each(function(k,v){
					if(k===idx){
					  $(this).removeAttr("style");
					  $(this).attr("style","display:block");
					  
					  $(this).siblings().removeAttr("style");
					  $(this).siblings().attr("style","display:none");
					}
				  });
				}
            </script>
			</div> 
        </div>    
   </div> 
         
          
    <div style="height:70px;"></div>
    <div class="bottom_nav">
       	<ul>
            <li onClick="location.href='home.html';">
             	<img src="images/nav10.png">
                <p>首页</p>
            </li>
            <li onClick="location.href='listing.html';">
              	<img src="images/fenl.png">
                <p>附近</p>
            </li>
            <li onClick="location.href='shoppingCart.html';">
              	<img src="images/gouwu.png">
                <p>购物车</p>
            </li>
            <li onClick="location.href='personal.html';">
               	<img src="images/nav13.png">
                <p style="color:#ff7a01">我的</p>
            </li>
       </ul>
    </div>
        
   </div>
  
</div>

</body>
</html>
